﻿<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <title>登录页面</title>
<!--    引入公共样式-->
    <th:block th:insert="~{front/include::head}"></th:block>
</head>

<body>

<header th:replace="~{front/include2::header}"></header>
<main class="main">
    <div class="page-header breadcrumb-wrap">
        <div class="container">
            <div class="breadcrumb">
                <a th:href="@{/vm/front/index}" rel="nofollow">主页</a>
                <span></span> 登录
            </div>
        </div>
    </div>
    <section class="pt-150 pb-150">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 m-auto">
                    <div class="row">
                        <div class="col-lg-5 mx-auto" >
                            <div class="login_wrap widget-taber-content p-30 background-white border-radius-10 mb-md-5 mb-lg-0 mb-sm-5">
                                <div class="padding_eight_all bg-white">
                                    <div class="heading_s1">
                                        <h3 class="mb-30">登录</h3>
                                    </div>
                                    <form id="login-form" class="layui-form" lay-filter="login-form">
                                        <div class="form-group">
                                            <input type="text" name="account"
                                                   lay-verify="required" lay-reqtext="账号不可为空"
                                                   value="diaoyu" placeholder="账号">
                                        </div>
                                        <div class="form-group">
                                            <input type="password" name="password" autocomplete="off"
                                                   lay-verify="required" lay-reqtext="密码不可为空"
                                                   value="123456" placeholder="密码">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" name="captcha" style="width: 200px"
                                                   lay-verify="captcha" lay-reqtext="验证码必须为4位"
                                                   placeholder="验证码" >
                                            <image id="captcha-img" style="vertical-align: middle;"
                                                   th:src="@{/vm/front/captcha}" alt="验证码"></image>
                                        </div>

                                        <div class="login_footer form-group">
                                            <div class="chek-form">
                                                <div class="custome-checkbox">
                                                    <input class="form-check-input" type="checkbox" name="remember"
                                                           id="exampleCheckbox1" ><span>记住我</span>
                                                </div>
                                            </div>
                                            <a class="text-muted" href="#">忘记密码?</a>
                                        </div>
                                        <div class="form-group">
                                            <button id="login-btn" type="button"
                                                    class="btn btn-fill-out btn-block hover-up">登录
                                            </button>
                                        </div>
                                    </form>
                                    <p class="text-center mb-4">没有账号? <a th:href="@{/vm/front/register}">注册</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>
<footer th:replace="~{front/include::footer}"></footer>

<div th:insert="~{front/include::scripts}"></div>
<script th:src="@{/assets/front/js/login-register.js}"></script>
</body>

</html>